import React, { Component } from 'react';
import Son from './Son'
// 在祖先组件中导入创建好的context对象 
import contextObj from './context'
// 从context对象中解构出一个Provider组件, 使用该组件包裹要接收数据的后代组件,
// 注意: 只有被包裹的组件才能获取的祖先组件中提供的数据
let { Provider } = contextObj;

class Father extends Component {
    state = {
        msg: '我是祖先数据'
    }
    render() {
        return (
            <div>
                我是父组件
                {/* / 注意: 只有被包裹的组件才能获取的祖先组件中提供的数据, value就是提供的数据 */}
                <Provider value={this.state.msg}>
                    <Son></Son>
                </Provider>
            </div>
        );
    }
}

export default Father;
